<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>通过纯组件提升组件性能（类组件）</title>
</head>

<body>
    <div>
        <p>1.什么是纯组件</p>
        <p>纯组件会对组件输入数据进行浅层比较，如果当前输入数据和上次输入数据相同，组件不会重新渲染</p>
        <p>2.什么是浅层比较</p>
        <p>比较引用数据类型在内存中的引用地址是否相同，比较基本数据类型的值是否相同</p>
        <p>3.类组件继承 PureComponent 类，函数组件使用 memo方法</p>
        <p>4.为什么不直接进行 diff 操作，而是要先进行浅层比较，浅层比较难道没有性能消耗吗</p>
        <p>和进行diff 比较操作相比，浅层比较将消耗更少的性能。diff操作会重新遍历整颗 virtualDOM 树，而浅层比较只操作当前组件的state和props</p>
        <p>需求：在状态对象中存储 name 值为张三，组件挂载完成后将 name 属性的值再次更改为张三，然后分别将name传递给纯组件和非纯组件，查看结果</p>
    </div>
</body>

</html>